import React from 'react'
import { Card, Descriptions, Tag } from 'antd'

import './index.less'

const TractionInfo = ({ match }) => {
  return (
    <Card title={<span>交易详情</span>}>
      <Descriptions bordered column={1} style={{ paddingLeft: 50 }}>
        <Descriptions.Item label={<span className="label">交易哈希</span>}>
          0x64dc5acba24d6f6eff6781ac4fecec79c091ad02
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">区块哈希</span>}>
          x64dc5acba24d6f6eff6781ac4fecec79c091ad02
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">状态</span>}>
          <Tag color="success">成功</Tag>
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">区块编号</span>}>
          8982
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">交易时间</span>}>
          2020-03-09 14:03:03
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">类型</span>}>
          Config
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">跨链合约ID</span>}>
          d6f6eff6781ac4fecec79c091ad02
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">来源链ID</span>}>
          d6f6eff6781ac4fecec79c091ad02
        </Descriptions.Item>
        <Descriptions.Item label={<span className="label">目标链ID</span>}>
          d6f6eff6781ac4fecec79c091ad02
        </Descriptions.Item>
      </Descriptions>
    </Card>
  )
}

export default TractionInfo
